/*
 * 可复用的公有布局
 */

.cotainer {
  /* 1 控制位置的 position  display  margin-left margin-right  */
  margin-left: 5%;
  width: 90%;
  /* 2 控制大小的  width height  */
  /* 3 字体  text-align  font-size */
  /* 4 颜色  */
}


/* 输入框 */
.ipt-large {
  width: 100%;
  height: 50px;
  border-radius: 25px;
  /* opacity: 0.5; */
  text-indent: 20px;
  letter-spacing: 1px;
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

/* 输入框提示 */
.ipt-large::placeholder {
  color: #ccc;
}

/* 整个页面 - 背景图适配 */
.page-container {
  padding-top: 80px;
  background-image: url('../../img/sign-bg.jpg');
  background-size: 600px;
  background-position: top center;
  background-repeat: no-repeat;
}

/* 登录 & 注册面板 */
.panel {
  margin-right: auto;
  margin-left: auto;
  width: 350px;
  color: #fff;
}

/* 登录注册文字 */
.nav-text {
  position: fixed;
  top: 20px;
  right: 20px;
  color: #fff;
}

/* 登录 & 注册按钮 */
.submit-btn {
  text-indent: 0;
  background-color: rgba(56, 128, 91, 0.8);
}